<div ng-controller="StencilController">

<!-- 
  <div class="subheader editor-toolbar" id="editor-header">
    <div class="btn-group">
        <div class="btn-toolbar pull-left" ng-controller="ToolbarController" ng-cloak>
            <button id="{{item.id}}"
                    title="{{item.title | translate}}"
                    ng-repeat="item in items"
                    ng-switch on="item.type"
                    class="btn btn-inverse" ng-class="{'separator': item.type == 'separator'}"
                    ng-disabled="item.type == 'separator' || item.enabled == false"
                    ng-click="toolbarButtonClicked($index)">
                <i ng-switch-when="button" ng-class="item.cssClass" class="toolbar-button" data-toggle="tooltip" title="{{item.title | translate}}"></i>
                <div ng-switch-when="separator" ng-class="item.cssClass"></div>
            </button>
          </div>
        </div>
  </div>
-->

  <div>
      <div class="row-no-gutter">
          <div id="canvasHelpWrapper">
            <div class="canvas-wrapper" id="canvasSection" 
                  ng-model="droppedElement"
                  data-drop="true"
                  data-jqyoui-options
                  jqyoui-droppable="{onDrop:'dropCallback',onOver: 'overCallback', onOut: 'outCallback'}"> 
             </div>
           </div>
         </div>
    </div>

    <div id="morph-button"></div>
</div>

<style>
.ORYX_Editor {
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
}
</style>